﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Main.master" AutoEventWireup="true" CodeFile="Rubro.aspx.cs" Inherits="Rubro" %>

<%@ Register assembly="Artem.Google" namespace="Artem.Google.UI" tagprefix="artem" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <link href="Resources/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <style>
    body
    {
        background-color:#face0e;

    }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
 
          <div class="row" style="margin-top:5%;">

            <div class="col-lg-12">
              <h1 class="page-header">Nombre Rubro <small> Pequeña descripcion</small></h1>
              
            </div>

          </div>

          <div id="rubrosDiv" runat="server">
                <div class="row">
                    <h4>Aviso Normal</h4>
                    
                    <div class="col-md-9">
                      <h3>Nombre Empresa</h3>
                      <h4>Dirección Empresa</h4>
                      <p>Descripcion Empresa Descripcion Empresa Descripcion Empresa Descripcion Empresa</p>
                    </div>

                    <div class="col-md-3">
                      <asp:ScriptManager ID="ScriptManager2" runat="server" ></asp:ScriptManager>
                        <artem:GoogleMap ID="GoogleMap1" runat="server" Width="100%" Height="250px" Key="AIzaSyBggfd65o9fk3K5VhKWt_JWYAjVXckQP8c">
                        </artem:GoogleMap>
                    </div>

                </div>
                <hr />
                <div class="row">
                    <h4>Aviso Profesional</h4>
                    <div class="col-md-5">
 
                        <a href="#"><img class="img-responsive" src="http://placehold.it/300x300"></a>
 
 
                    </div>

                    <div class="col-md-4">
                      <h3>Nombre Empresa</h3>
                      <h4>Dirección Empresa</h4>
                      <p>Descripcion Empresa Descripcion Empresa Descripcion Empresa Descripcion Empresa</p>
                      <p>Telefono</p>
                      <p>WEB</p>
                    </div>

                    <div class="col-md-3">
 
                        <artem:GoogleMap ID="GoogleMap2" runat="server" Width="100%" Height="250px" Key="AIzaSyBggfd65o9fk3K5VhKWt_JWYAjVXckQP8c">
                        </artem:GoogleMap>
                    </div>
                </div>
                <hr />
                <div class="row">
                    <h4>Aviso Deluxe</h4>
                    <div class="col-md-5">
                        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                          <!-- Indicators -->
                          <ol class="carousel-indicators">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                          </ol>

                          <!-- Wrapper for slides -->
                          <div class="carousel-inner">
                            <div class="item active">
                                  <img class="img-responsive" src="http://placehold.it/460x300"> 
                                  <div class="carousel-caption">
                                    ...
                                  </div>
                            </div>
                            <div class="item">
                                  <img class="img-responsive" src="http://placehold.it/460x300"> 
                                  <div class="carousel-caption">
                                    ...
                                  </div>
                            </div>
                            <div class="item">
                                  <img class="img-responsive" src="http://placehold.it/460x300"> 
                                  <div class="carousel-caption">
                                    ...
                                  </div>
                            </div>
                          </div>

                          <!-- Controls -->
                          <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left"></span>
                          </a>
                          <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right"></span>
                          </a>
                        </div>
                    </div>

                    <div class="col-md-4">
                      <h3>Nombre Empresa</h3>
                      <h4>Dirección Empresa</h4>
                      <p>Descripcion Empresa Descripcion Empresa Descripcion Empresa Descripcion Empresa</p>
                      <p>Telefono</p>
                      <p>WEB</p>
                    </div>

                    <div class="col-md-3">

                        <artem:GoogleMap ID="GoogleMap3" runat="server" Width="100%" Height="250px" Key="AIzaSyBggfd65o9fk3K5VhKWt_JWYAjVXckQP8c">
                        </artem:GoogleMap>
                    </div>
                </div>
                <hr />
          </div>
           
      

 

 

    <!-- JavaScript -->
    <script src="Resources/js/jquery-1.10.2.js" type="text/javascript"></script>
    <script src="Resources/js/bootstrap.js" type="text/javascript"></script>
    <script src="Resources/js/modern-business.js" type="text/javascript"></script>
     



</asp:Content>

